<template>
    <!-- 头部 -->
    <div>
        <h2>{{ title }}</h2>
        <div>欢迎您：{{ username }}</div>
    </div>

</template>

<script>
//import app from 'App'
var pageData, username;
export default {
    name: 'index',
    data() {
        return {
            title: 'index-qy',
            username: username
        }
    },
    beforeCreate: function () {
        //console.log('切换banner')
        // vue怎么调用父组件方法
        //this.$parent.bannerChange();

    },
    watch: {
        // 监测路由变化,只要变化了就调用获取路由参数方法将数据存储本组件即可
        //'$route': 'getParams'
        '$route': 'getQuerys'
    },
    created: function () {
        this.getParams(),
            this.getQuerys()
    },
    methods: {
        //取params里面传过来的参数
        getParams: function () {
            // 取到路由带过来的参数
            pageData = this.$route.params;
            // 将数据放在当前组件的数据内
            console.log("传来的页面参数==" + pageData)
            this.username = pageData.username
        },
        getQuerys: function () {
            // 取到路由带过来的参数
            pageData = this.$route.query;
            // 将数据放在当前组件的数据内
            console.log("传来的页面参数==" + pageData)
            this.username = pageData.username
        }
    }
}
</script>